.wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f7f8fb;padding:24px}
.panel{width:100%;max-width:480px;background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.05);padding:28px}
.form{width:360px;max-width:100%;margin:12px auto 0;display:grid;row-gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{color:#667085;font-size:13px}
input{width:100%;box-sizing:border-box;padding:10px 12px;background:#f7f8fb;border:1px solid #e5e7eb;border-radius:8px}
input:focus{outline:none;background:#fff;border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.12)}
button{width:100%;padding:10px 12px;background:#409eff;color:#fff;border:0;border-radius:8px;cursor:pointer}
button[disabled]{opacity:.6;cursor:not-allowed}
.link{display:inline-block;margin-top:6px;color:#409eff;cursor:pointer}
.err{color:#f56c6c;margin-top:6px}
.ok{color:#22c55e;margin-top:6px}
